<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>预约</title>
    <link rel="stylesheet" href="../../css/weui.css"/>
    <link rel="stylesheet" href="../../swiper3.4/swiper.min.css">
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/appointment/appointment.css"/>
    <script src="../../js/weui/zepto.min.js"></script>
    <!--<script src="../../js/weui/example.js"></script>-->
</head>
<body>
<div class="content">
    <!--顶部轮播-->
    <div class="top">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="../../images/icon_nav_form.png" class="main-img">
                    <div class="name">123</div>
                    <div class="star">
                        <img src="../../images/shiyu/yuyue_xingxing@2x.png" alt=""><img
                            src="../../images/shiyu/yuyue_xingxing@2x.png" alt="">
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../../images/icon_nav_search.png" class="main-img">
                    <div class="name">234</div>
                    <div class="star">
                        <img src="../../images/shiyu/yuyue_xingxing@2x.png" alt="">
                        <img src="../../images/shiyu/yuyue_xingxing@2x.png" alt="">
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../../images/icon_nav_feedback.png" class="main-img">
                    <div class="name">345</div>
                    <div class="star">
                        <img src="../../images/shiyu/yuyue_xingxing@2x.png" alt="">
                        <img src="../../images/shiyu/yuyue_xingxing@2x.png" alt="">
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../../images/icon_nav_z-index.png" class="main-img">
                    <div class="name">456</div>
                    <div class="star">
                        <img src="../../images/shiyu/yuyue_xingxing@2x.png" alt="">
                        <img src="../../images/shiyu/yuyue_xingxing@2x.png" alt="">
                        <img src="../../images/shiyu/yuyue_xingxing@2x.png" alt="">
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../../images/icon_nav_nav.png" class="main-img">
                    <div class="name">678</div>
                    <div class="star">
                        <img src="../../images/shiyu/yuyue_xingxing@2x.png" alt="">
                        <img src="../../images/shiyu/yuyue_xingxing@2x.png" alt="">
                        <img src="../../images/shiyu/yuyue_xingxing@2x.png" alt="">
                        <img src="../../images/shiyu/yuyue_xingxing@2x.png" alt="">
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../../images/icon_nav_special.png" class="main-img">
                    <div class="name">789</div>
                    <div class="star">
                        <img src="../../images/shiyu/yuyue_xingxing@2x.png" alt="">
                        <img src="../../images/shiyu/yuyue_xingxing@2x.png" alt="">
                        <img src="../../images/shiyu/yuyue_xingxing@2x.png" alt="">
                        <img src="../../images/shiyu/yuyue_xingxing@2x.png" alt="">
                        <img src="../../images/shiyu/yuyue_xingxing@2x.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <img src="../../images/shiyu/yueyue_bianji@2x.png" alt="" class="editData">
    </div>
    <!--七天的状况表-->
    <div class="table">
        <div>预约时间</div>
        <table>
            <tr>
                <th class="today">今天</th>
                <th>明天</th>
                <th>后天</th>
                <th class="four">周一</th>
                <th class="five">周二</th>
                <th class="six">周三</th>
                <th class="seven">周四</th>
            </tr>
            <tr>
                <td><img src="../../images/shiyu/zyhdxzmrs_zao@2x.png" alt=""></td>
                <td><span>08:30</span></td>
                <td><span>09:00</span></td>
                <td><span>09:30</span></td>
                <td><span>10:00</span></td>
                <td><span>10:30</span></td>
                <td><span>11:00</span></td>
            </tr>
            <tr>
                <td><img src="../../images/shiyu/zyhdxzmrs_zhong@2x.png" alt=""></td>
                <td><span>11:30</span></td>
                <td><span>12:00</span></td>
                <td><span>12:30</span></td>
                <td><span>13:00</span></td>
                <td><span>13:30</span></td>
                <td><span>14:00</span></td>
            </tr>
            <tr>
                <td><img src="../../images/shiyu/zyhdxzmrs_wao@2x.png" alt=""></td>
                <td><span>14:30</span></td>
                <td><span>15:00</span></td>
                <td><span>15:30</span></td>
                <td><span>16:00</span></td>
                <td><span>16:30</span></td>
                <td><span>17:00</span></td>
            </tr>
            <tr>
                <td><img src="../../images/shiyu/zyhdxzmrs_chabei@2x.png" alt=""></td>
                <td><span>17:30</span></td>
                <td><span>18:00</span></td>
                <td><span>18:30</span></td>
                <td><span>19:00</span></td>
                <td><span>19:30</span></td>
                <td><span>20:00</span></td>
            </tr>
            <tr>
                <td><img src="../../images/shiyu/zyhdxzmrs_ye@2x.png" alt=""></td>
                <td><span>20:30</span></td>
                <td><span>21:00</span></td>
                <td><span>21:30</span></td>
                <td><span>22:00</span></td>
                <td><span>22:30</span></td>
                <td><span>23:00</span></td>
            </tr>
        </table>
    </div>
    <!--选择服务-->
    <div class="weui-cell weui-cell_access" onclick="location.href='./itemSelect.html'">
        <div class="weui-cell__bd">
            <span style="vertical-align: middle">选择服务项目</span>
        </div>
        <div class="weui-cell__ft" style="overflow: inherit;height: 100%"><span> </span>
        </div>
    </div>
    <div class="weui-cells">
        <label class="weui-cell " for="s11">
            <div class="weui-cell__hd" style="text-align: center;">
                <img src="../../images/shiyu/deleteNow.png" style="width: 60%;vertical-align: text-bottom;padding: 4px 0;" alt="">
            </div>
            <div class="weui-cell__bd">
                <p style="display: inline-block;">装的输的</p>
                <img src="../../images/shiyu/appointmentCard.png" style="width: 1.3rem;vertical-align: middle;" alt="">
            </div>
        </label>
        <label class="weui-cell " for="s12">
            <div class="weui-cell__hd" style="text-align: center;">
                <input type="checkbox" name="checkbox1" class="weui-check" >
                <img src="../../images/shiyu/deleteNow.png" style="width: 60%;vertical-align: text-bottom;padding: 4px 0;" alt="">
            </div>
            <div class="weui-cell__bd">
                <p>法法师是</p>
            </div>
        </label>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__bd">
            <input class="weui-input" type="text" placeholder="给美容师留个言">
            <span><img onclick="yuyue()" src="../../images/shiyu/zyhdxzmrs_liuyan@2x.png" alt=""></span>
        </div>
    </div>
</div>

<div class="tip" style="display: none;">
    <div class="js_dialog" id="iosDialog1" style="opacity: 1;">
        <div class="weui-mask"></div>
        <div class="weui-dialog">
            <div class="weui-dialog__bd">
                <p>为了更好的为您服务，请完善联系信息</p>
                <div class="weui-cell weui-cell_vcode">
                    <div class="weui-cell__bd">
                        <input class="weui-input phoneNumber" type="tel" placeholder="请输入手机号">
                    </div>
                    <div class="weui-cell__ft obtain">
                        <button class="weui-vcode-btn">获取</button>
                    </div>
                </div>
                <div class="weui-cell weui-cell_vcode">
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="number" placeholder="请输入验证码">
                    </div>
                </div>
            </div>
            <div class="weui-dialog__ft">
                <button class="weui-btn weui-btn_primary" onclick="location.href='./appointmentSuccess.html'">确认并预约</button>
            </div>
        </div>
    </div>
</div>
<div class="msg" style="display: none;">
    <div id="toast" style="opacity: 1;">
        <div class="weui-mask_transparent"></div>
        <div class="weui-toast">
            <i class="weui-icon-success-no-circle weui-icon_toast"></i>
            <p class="weui-toast__content">短信已发送</p>
        </div>
    </div>
</div>


<!--确定预约-->
<a href="javascript:;" class="weui-btn weui-btn_primary commitAppointment">确定预约</a>
<!--底部导航栏-->
<div class="weui-tabbar" style="    position: fixed;">
    <a href="../homePage/vipPageHome.html" class="weui-tabbar__item">
        <img src="../../images/shiyu/dibugongjulan_wdmry@2x.png" alt="" class="weui-tabbar__icon">
        <p class="weui-tabbar__label">我的美容院</p>
    </a>
    <a href="javascript:;" class="weui-tabbar__item">
        <img src="../../images/shiyu/dibugongjulan_yuyue_xuanzhong_icon@2x.png" alt="" class="weui-tabbar__icon">
        <p class="weui-tabbar__label" style="color: #f76492;">预约</p>
    </a>
    <a href="../personalCenter/personalCenter.html" class="weui-tabbar__item">
        <img src="../../images/shiyu/dibugongjulan_grzx@2x.png" alt="" class="weui-tabbar__icon">
        <p class="weui-tabbar__label">个人中心</p>
    </a>
</div>

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
<script src="../../swiper3.4/swiper.min.js"></script>
<script src="../../js/appointment/appointment.js"></script>
</body>

</html>